{extend name="base/index"/}

{block name="page_location"}
<div class="row">
	<div class="col-12">
		<div class="page-title-box">
			<div class="page-title-right">
				<ol class="breadcrumb m-0">
					<li class="breadcrumb-item"><a href="{:url('index/index')}">管理中心</a></li>
					<li class="breadcrumb-item active"><i class="iconfont icon-angle-right"></i>用户反馈留言管理</li>
				</ol>
			</div>
			<h4 class="page-title">
				所有用户反馈留言
			</h4>
		</div>
	</div>
</div>
{/block}

{block name="body"}          
<div class="row" id="feedback_page">
	<div class="col-12">
		<div class="card">
			<div class="card-body">
				<form class="form-inline" style="margin-bottom:10px;">
					<div class="input-group">
						<div class="input-group-prepend">
							<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">选择状态</button>
							<div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 37px, 0px);">
								<a href="javascript:;" class="dropdown-item check_select_btn" attr-type="all" attr-bind="check_id">全选</a>
								<a href="javascript:;" class="dropdown-item check_select_btn" attr-type="reverse" attr-bind="check_id">反选</a>
								<a href="javascript:;" class="dropdown-item check_select_btn" attr-type="cancel" attr-bind="check_id">取消</a>								
							</div>
						</div>
						<div class="input-group-append">
							<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">操作选中的</button>
							<div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 37px, 0px);">
								<a href="javascript:;" class="dropdown-item Fast_Bat" attr-type="del" attr-model="feedback" attr-class=".check_id">删除</a>
							</div>
						</div>
					</div>
				</form>				
				<table class="table table-hover">
                    <thead>
                        <tr>
                            <th>选择</th>
                            <th>ID</th>
                            <th>会员名</th>
                            <th>标题</th>
                            <th>手机号</th>
                            <th>邮箱地址</th>
                            <th>提交时间</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        {volist name='list' id="data"}
                            <tr>
	                            <td>
									<div class="custom-control custom-checkbox">
										<input type="checkbox" class="custom-control-input check_id" id="check_id{$data.id}" value="{$data.id}" name="check_id[]">
										<label class="custom-control-label" for="check_id{$data.id}">ID:{$data.id}</label>
									</div>	
	                            </td>                            	
                                <td>{$data.id}</td>
                                <td>{$data.uname}</td>
                                <td>{$data.title}</td>
                                <td>{$data.mobile}</td>
                                <td>{$data.email}</td>
                                <td>{$data.posttime|date="Y-m-d H:i:s",###}</td>
                                <td>
                                    <a href="javascript:;" class="btn btn-primary btn-sm show_more_btn" attr-id="{$data.id}"><i class="iconfont icon-icon_compile"></i> 查看留言内容</a>
                                    <a href="javascript:;" class="btn btn-danger btn-sm Fast_Del"  attr-id="{$data.id}" attr-model="feedback"><i class="iconfont icon-icon_delete_fill"></i> 删除</a>
                                </td>
                            </tr>
                            <tr class="feedback_content" id="feedback_content_{$data.id}">
                            	<td colspan="8">
									<div class="alert alert-block alert-info">
										{$data.content}
									</div>
                            	</td>
                            </tr>
                        {/volist}
                    </tbody>
                </table>	
				<div class="row">
					<div class="col-12" style="text-align: center;">
						{$pagelist}
					</div>
				</div>					
			</div>
		</div>
	</div>
</div>
{/block}